<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>付款成功</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <link rel="stylesheet" href="https://static.91haoka.cn/vant.css"/>
        <script src="https://static.91haoka.cn/vue.min.js"></script>
        <script src="https://static.91haoka.cn/vantall.js"></script>
        <script src="https://static.91haoka.cn/axios.min.js"></script>
		<link rel="stylesheet" type="text/css" href="https://static.91haoka.cn/all.css"/>
     </head>
    <style type="text/css">
		*{ box-sizing: border-box; font-family:'PingFang SC';}
		.p1{ background: #E7EEFF; border-radius: 0.4rem; padding: 0.3rem;}
		.p1 img{ width: 0.54rem;}
		.t1{ margin-top: 0.2rem; font-size: 0.28rem; color: #2D3038;}
		.btnx{ background: #FF3400; border-radius: 0.6rem; color: #fff; font-weight: bold; margin-top: 0.15rem; width: 1.7rem; padding: 0.2rem 0rem; text-align: center;}
		.p2 img{ width: 0.34rem;}
		.t2{ font-size: 0.22rem; margin-top: 0.05rem;}
		.li{ border-bottom: 1px #f1f1f1 solid; padding: 0.3rem 0;}
		.act{ color: #FF3400;}
    </style>
	<body>
        <div id="app" style="background: #FFFFFF;" v-cloak>
			<div style="width: 100vw; height: 100vh;">
				
				<div style="width: 3.2rem; margin: 0.8rem auto 0;"><img src="./img/chenggong.png" style="width:3.2rem"></div>
				<div style="text-align: center; font-size: 0.4rem; margin: 0.2rem; font-weight: bold;">{{all.order_info}}</div>
				
				<div style="width: 3.2rem; margin: 0.8rem auto 0;"><img :src="all.order_pic" style="width:3.2rem"></div>
				<div style="text-align: center; font-size: 0.2rem; margin: 0.2rem; color:#666;">{{all.order_pic_info}}</div>
				<div style="text-align: center; font-size: 0.2rem; margin: 0.2rem; font-weight: bold;">客服电话：{{all.order_contact}}</div>
				
				<div style="text-align: center; font-size: 0.2rem; margin: 0.2rem; font-weight: bold; color: #444; margin-top:1rem" @click="go">
					<van-button type="primary" size="small">返回首页</van-button>
				</div>
				
			</div>
			
        </div>

       
        <script>
            var h = document.documentElement.clientWidth / 7.5 + 'px';
                document.documentElement.style.fontSize = h;

            
            new Vue({
                el: '#app',
                data: function() {
                	return {
                       tab:"",
					   all:"",
					   apis:""
                	}
                },
                created(){
					if(location.href.includes('local')){
						this.apis = '/apis'
					}
                   this.tab = this.getUrlParam('tab')
				   this.getpeizhi()
                },
                mounted () {
                   
                },
                methods:{
                    getpeizhi:function(){
                    	axios.get(`${this.apis}/api/store/info?id=${this.tab}`)
                    	.then(response => {
                    		this.all = response.data.data
                    		
                    	})
                    },
					getUrlParam:function(name) {
					    var query = window.location.search.substring(1);
					    var vars = query.split("&");
					    for (var i=0;i<vars.length;i++) {
					            var pair = vars[i].split("=");
					            if(pair[0] == name){return pair[1];}
					    }
					    return(false);
					},
					go:function(){
						window.location.href = './index.html?id=' + this.tab
					}
                }
            });

  
        </script>
	</body>
</html>
